<template>
  <div class="progress">
    <div class="global">
      <div class="divItem">
        计算中...
      </div>
      <hr>
      <el-progress :percentage=progress :stroke-width="24" :text-inside="true"></el-progress>
    </div>
  </div>
</template>

<script>

export default {
  name: "ProgressBar",
  data() {
    return {
      progress: 0,
    }
  },
  methods: {
    // format(percentage) {
    //   return percentage === 100 ? '满' : '${percentage}%'
    // }
    add() {
      this.progress++
    }
  },
  mounted() {
    setInterval(this.add, 1000)
  }
}
</script>

<style scoped>

</style>